<!--
 * @Descripttion: GGB
 * @version: 1.0
 * @Author: GGB
 * @Date: 2022-02-02 20:07:07
 * @LastEditors: GGB
 * @LastEditTime: 2022-02-05 11:05:14
-->


<template>
  <Header></Header>
  <div :class="{ body: !isFullScreen }">
    <router-view></router-view>
  </div>
</template>

<script setup>
import Header from '@b/Header.vue';
import { useStore } from '@s/index'
import { storeToRefs } from 'pinia'
const store = useStore()
const { isFullScreen } = storeToRefs(store)
</script>
<style lang="less" scoped>
.body {
  padding-top: 46px;
}
</style>
<style>
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 1px;
  height: 5px;
  /* 隐藏滚动条 */
  display: none;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.25);
  transition: color 0.2s ease;
}
</style>

